@import "./vars.scss";
// 常用结构
.w1400 {
  max-width: px2vw(1400);
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.mt50 {
  margin-top: px2vw(50);
}

// 常用过渡
.cTrans {
  transition: all 0.3s;
}

// 常用产品图片缩放大小
.cProScale {
  transform: scale(1.1);
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

// 用于路由切换
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  transition: all 0.2s;
  position: absolute;
}

.slide-right-enter {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.slide-right-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.slide-left-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.slide-left-leave-active {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
